/deep/.state_tag {
  display: inline-block;
  padding: 4px 8px !important;
  border-width: 1px;
  border-style: solid;
  font-size: 12px;
  line-height: 14px;
  border-radius: 13px;

  &.green_tag {
    color: #3fc1aa;
    background-color: #f1fffd;
    border-color: #3fc1aa;
  }
  &.blue_tag {
    color: #5ea7f0;
    background-color: #f3f9ff;
    border-color: #5ea7f0;
  }
  &.red_tag {
    color: #f05e5e;
    background-color: #ffeded;
    border-color: #f05e5e;
  }
  &.pink_tag {
    color: #f05ec7;
    background-color: #fff3ff;
    border-color: #f05ec7;
  }
  &.yellow_tag {
    color: #ebb837;
    background-color: #fffbf2;
    border-color: #ebb837;
  }
  &.gray_tag {
    color: #4e5d78;
    background-color: #fafafa;
    border-color: #4e5d78;
  }
}
